
<template>
  <div class="common-layout">
    <el-container>
      <el-header style="background-color: #368;line-height: 60px">
        <h1 style="color: white; font-size: 30px;margin: 0;">华夏erp
          <span style="float: right;font-size: 20px;position: relative">欢迎回来
          <el-button>退出登录</el-button></span></h1>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <el-scrollbar>
            <el-menu>
              <el-menu-item index="0-0">
                <template #title>
                  <el-icon></el-icon>首页
                </template>
              </el-menu-item>
              <el-sub-menu index="1">
                <template #title>
                  <el-icon></el-icon>采购管理
                </template>
                <el-menu-item index="1-1">采购订单管理</el-menu-item>
                <el-menu-item index="1-2">采购入库管理</el-menu-item>
                <el-menu-item index="1-3">供应商管理</el-menu-item>
              </el-sub-menu>
              <el-sub-menu index="2">
                <template #title>
                  <el-icon></el-icon>销售管理
                </template>
                <el-menu-item index="2-1">销售订单管理</el-menu-item>
                <el-menu-item index="2-2">销售出库管理</el-menu-item>
                <el-menu-item index="2-3">客户管理</el-menu-item>
              </el-sub-menu>

              <el-sub-menu index="3">
                <template #title>
                  <el-icon></el-icon>仓库管理
                </template>
                <el-menu-item index="3-1">入库管理</el-menu-item>
                <el-menu-item index="3-2">出库管理</el-menu-item>
                <el-menu-item index="3-3">库存管理</el-menu-item>
              </el-sub-menu>

              <el-sub-menu index="4">
                <template #title>
                  <el-icon></el-icon>财务管理
                </template>
                <el-menu-item index="4-1">收款管理</el-menu-item>
                <el-menu-item index="4-2">付款管理</el-menu-item>
                <el-menu-item index="4-3">账务报表</el-menu-item>
              </el-sub-menu>

              <el-sub-menu index="5">
                <template #title>
                  <el-icon></el-icon>报表管理
                </template>
                <el-menu-item index="5-1">销售报表</el-menu-item>
                <el-menu-item index="5-2">库存报表</el-menu-item>
                <el-menu-item index="5-3">财务报表</el-menu-item>
              </el-sub-menu>

              <el-sub-menu index="6">
                <template #title>
                  <el-icon></el-icon>商品管理
                </template>
                <el-menu-item index="6-1">商品分类管理</el-menu-item>
                <el-menu-item index="6-2">商品列表管理</el-menu-item>
                <el-menu-item index="6-3">库存预警设置</el-menu-item>
              </el-sub-menu>

              <el-sub-menu index="7">
                <template #title>
                  <el-icon></el-icon>基本资料
                </template>
                <el-menu-item index="7-1">客户资料</el-menu-item>
                <el-menu-item index="7-2">供应商资料</el-menu-item>
                <el-menu-item index="7-3">员工资料</el-menu-item>
              </el-sub-menu>

              <el-sub-menu index="8">
                <template #title>
                  <el-icon></el-icon>系统管理
                </template>
                <el-menu-item index="8-1">权限管理</el-menu-item>
                <el-menu-item index="8-2">角色管理</el-menu-item>
                <el-menu-item index="8-3">用户管理</el-menu-item>
                <el-menu-item index="8-4">系统设置</el-menu-item>
              </el-sub-menu>

            </el-menu>
          </el-scrollbar>
        </el-aside>
        <el-main><router-view/></el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script setup>


</script>
